<template>
  <el-cascader :options="areaData" v-model="selectedArea" @change="handleAreaChange" placeholder="请选择省市区"></el-cascader>
</template>

<script>
import areaData from 'element-china-area-data';

export default {
  name: 'AreaSelector',
  data() {
    return {
      areaData: areaData,
      selectedArea: []
    };
  },
  methods: {
    handleAreaChange(value) {
      console.log('Selected Area:', value);
      // 这里可以触发父组件的事件，传递选中的省市区数据
      this.$emit('area-change', value);
    }
  }
};
</script>

<style scoped>
/* 你可以在这里添加一些样式 */
</style>
